<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.8.2.js"></script>
<script src="js/gen_validatorv4.js" type="text/javascript"></script>
<script type="text/javascript" src="js/search.js"></script>
<title>Administrator SignIn</title>
<style type="text/css">
html,body{
	width:100%;
	margin:0px;
	padding: 0px;
	background: #F4F3EE;
	font-size: 11px;
	font-family: verdana;
}

#login-box {
	width:447px;
	height:377px;
	margin:10% auto 0 auto;
	background:#999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 3px #AAA;
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
}

form {
	margin:0px;
	padding: 5px;
	border:1px #CCC;
}

input,
select {
	color: #FFF;
	outline:none;
}

input[type="text"],
input[type="password"],
select {
	width:340px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 18px;
	font-family: verdana;
	font-weight: bold;
	border: 1px #FFF;
	margin-top: 20px;
	margin-left: 60px;
	
}
.inputfield{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 0 -1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
	width:100%;
	height:67px;
	background:#999;
	padding: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#FFF;
}

label {
	padding:0px;
	margin:0px;
}

.error {
	font:17px bold Georgia, 'Times New Roman', Times, serif;color:red;text-shadow:#FFF
}
</style>
</head>

<body>
	
<div id="login-box">
  <form name="login" action="adminlogin.action" method="post" id="adminlogin">
   	<div style="width:420px;height:95px;background:#999 no-repeat">
        	<div style="font:18px bold Georgia, 'Times New Roman', Times, serif;color:#FFF;text-shadow:#FFF;padding-left:80px;">
            	<h1>Administrator Login.</h1>
            </div>
        	<div id="adminlogin_errorloc" class="error_strings error">${errorString}</div>

    </div>
	<div class="inputfield" ><input type="text" id="email" name="email" value="Email" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');"
						onBlur="if (this.value == '') {this.value = 'Email';this._haschanged=false;}"/></div>
	<div class="inputfield" ><input type="password" id="password" name="password" value="Password" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');"
						onBlur="if (this.value == '') {this.value = 'Password';this._haschanged=false;}"/></div>
        <div style="width:102px;float:right;background:#999;padding: 30px;"><input type="image" src="images/loginbt.png" onclick="$('#adminlogin').submit();"/></div>
    </form>
  </div>
    <script language="JavaScript" type="text/javascript"
		xml:space="preserve">
		//         
		var frmvalidator = new Validator("adminlogin");
		frmvalidator.EnableOnPageErrorDisplaySingleBox();
		frmvalidator.EnableMsgsTogether();
		
		
		frmvalidator.addValidation("email", "email", "Email nhập không đúng!");
		frmvalidator.addValidation("email", "req", "Email không được trống");
		frmvalidator.addValidation("password", "req", "Email không được trống");
		</script>	
</body>
</html>
